<template>
	<view class="container">
		<!-- 搜索组件 -->
		<!-- tabbar -->
		<!-- 商品展示 -->
		<view class="goods" v-for="(item,index) in goodslist" :key="index" @click="gotogoodsdetails(item.goodid)">
			<!-- 父子组件穿参 item  商品闯过去-->
			<mygoodslist :goods="item"></mygoodslist>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 将options对象存储到data对应的搜索对象
				query: {
					// 搜索id
					queryid: "",
					// 当前页面
					pagenum: 1,
					// 一张页面显示商品条数
					pagesize: 10
				},
				// 商品信息
				goodslist: [],
				// 总商品条数
				total: 0
			};
		},
		// 从搜索页和首页携带参数   参数商品的一级分类
		onLoad(options) {
			// console.log(options.query);
			this.query.queryid = options.query || ""

			// 获取数据
			this.getgoodslist()
		},
		methods: {
			gotogoodsdetails(value) {
				uni.navigateTo({
					url: "/subpkg/goodsdetails/goodsdetails?goods=" + value
				})
			},
			// 获取你的数据  异步
			async getgoodslist() {
				const {
					data: res
				} = await uni.$http.get("http://localhost:3000/goodslist", this.query)
				console.log(res);

				// 把获取到的结果赋值到goodslist
				this.goodslist = res.goods.goodslist
				this.total = res.goods.total
			},
		},

	}
</script>

<style lang="scss">
	.container {
		.goods {
			display: flex;
			border-bottom: 1px solid #ccc;
			margin: 15px 10px;
			background-color: #fff;
		}
	}
</style>